import { StyleSheet } from 'react-native';

export default styles = StyleSheet.create({
    screenContainer: {
        flex: 1,
        backgroundColor: '#fff',
    },
    container: {
        flex: 1,
    },
    content: {
        flex: 1,
    },
    tabsContainer: {
        height: 60,
        borderStyle: 'solid',
        borderTopWidth: 0.5,
        borderTopColor: 'rgb(224, 224, 224)',
    },
    tabs: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-around',
        alignItems: 'center',
    },
    avatar: {
        width: 52,
        height: 52,
        borderRadius: 25,
        borderWidth: 2,
        borderColor: 'rgb(255, 255, 255)',
    },
    avatarSelect: {
        width: 52,
        height: 52,
        borderRadius: 25,
        borderWidth: 2,
        borderColor: '#333',
    },
    tabIcon: {
        width: 30,
        height: 30,
    },
    tabIconEye: {
        width: 37,
        height: 37,
    },
});
